<script lang="ts" setup>
  import { computed } from 'vue';

  import { CommonHeader } from '@/components/Header';
  import { ListScrollWrapper } from '@/components/ScrollWrapper';
  import { useFieldInfo } from '@/hooks';

  defineOptions({
    name: 'ListPage',
  });

  const fieldInfo = useFieldInfo();

  const headerTitle = computed(() => {
    return `${fieldInfo.value.iconText}列表`;
  });
</script>

<template>
  <div class="container">
    <common-header :title="headerTitle" is-show-back />
    <list-scroll-wrapper />
  </div>
</template>
